﻿body { margin: 0; padding: 0; font-family: Arial; font-size: 13px; }

a { text-decoration: none; color: #333; }

a:hover { text-decoration: underline; }

h1, h2, h3, h4, h5, h6 { color: #000; margin: 0; padding: 0; line-height: 100%; }

/* =========================== admin layout =========================== */

#header { height: 70px; background-color: #f1f1f1; border: 1px solid #e5e5e5; }

#left-menu-container { width: 224px; float: left; margin-top: -3px; }

#left-menu { width: 230px; border-top: none; border-bottom: none; }

#main-content { float: left; min-height: 590px; border-left: 1px solid #e5e5e5; margin-left: 5px; padding: 20px; }

#footer { height: 20px; padding: 10px; clear: both; text-align: center; color: #666; border-top: 1px solid #e5e5e5; }

/* =========================== fod form =========================== */

.fod-form .fod-heading { font-size: 18px; font-weight: bold; padding: 5px 5px 15px; }

.fod-form .fod-label { font-weight: bold; padding: 5px; width: 100px; vertical-align: top; }

.fod-form .fod-input { padding: 5px; }

.fod-form .fod-textbox { border: #ddd 1px solid; padding: 5px; width: 550px; border-radius: 3px; }

.fod-form .fod-textarea { border: #ddd 1px solid; padding: 5px; width: 550px; border-radius: 3px; }

.fod-form .fod-cbo { border: #ddd 1px solid; padding: 5px; width: 150px; border-radius: 3px; }

.fod-form .fod-submit { border-radius: 2px; padding: 5px 10px; background: #089de9; color: #fff; text-shadow: none; }

.fod-form .fod-submit:hover { text-decoration: none !important; }

.field-validation-error { color: #e80c4d !important; font-weight: bold !important; }

.input-validation-error { border: 1px solid #e80c4d !important; /*border: 1px solid #ff0084 !important;*/ background-color: #ffeeee; }

.sale-setup-label-container { float: left; width: 150px; min-height: 1px; font-size: 12px; }

.sale-setup-input-container { float: left; width: 600px; min-height: 1px; }

.sale-setup-input-container input[type="text"], .sale-setup-input-container input[type="password"], .sale-setup-input-container textarea { border: 1px solid #ddd; font-size: 12px; width: 600px; }

.sale-setup-input-container input.small { width: 90px; }

.sale-setup-input-container select { border: 1px solid #ddd; font-size: 12px; width: 90px; padding: 4px; }

/* =========================== admin form =========================== */

input, textarea, .button { background: #fff; color: #333; margin: 3px 0 4px 0; padding: 5px; border-radius: 3px; }

.no-close .ui-dialog-titlebar-close { display: none; }

hgroup.title h2 { font-weight: bold; font-size: 16px; color: #0F80B3; text-shadow: 0 1px 1px #fff; margin-bottom: 20px; }

.second-menu { display:block; padding: 5px; margin: 0 0 10px; border:#eee 1px solid; overflow:hidden; background: #f5f5f5; }

.second-menu a { padding: 0px 15px; font-weight: bold; font-size: 12px; border-right: #ccc 1px solid; }

.second-menu a.current { color: #BD362F; }

.tool-bar { padding: 5px 0; margin-bottom: 10px; }

button.blue { border: 1px solid #7EB543 !important; /*background: #0073ea url(images/ui-bg_highlight-soft_25_0073ea_1x100.png) 50% 50% repeat-x;*/ background: #0F80B3; color: #fff; }

button.normal { border: 1px solid #dddddd !important; background: #f6f6f6 /*!important*/;
color: #0F80B3; }

button.red { border: 1px solid #dddddd !important; background: #f6f6f6 /*!important*/; color: #cc0000; }

span.required { color: #cc0000; }

.uploadImage { border-radius: 3px !important; font-size: 14px !important; }

/* =========================== google table =========================== */

.main-text { font-weight: bold; }

.excutable { color: #0F80B3; font-weight: bold; }
    
.google-visualization-table-table { font-size: 14px !important; }

.google-visualization-table-sortind { color: #167C11 !important; }

.oddTableRow { background-color: #F3F3F3; }

.selectedTableRow { background-color: #c2dff5 !important; }

.selectedTableRow td { background-color: #c2dff5 !important; }

.pagination-list { clear: both; padding-top: 15px; }

.btn-row { font-weight: bold; }

.btn-detail, .btn-edit { color: #0F80B3; }

.btn-delete { color: #cc0000; }

.red { color: #bd362f; }

.green { color: #167C11; }

.biz-image { height: 100px; overflow: hidden; }

/* =========================== fix jquery - ui =========================== */

.ui-widget-overlay { z-index: 2000 !important; }

.ui-dialog { z-index: 2005 !important; }

.blockUI.blockOverlay.ui-widget-overlay { z-index: 3000 !important; }

.blockUI.blockMsg { z-index: 3005 !important; }

.ui-helper-reset { font-size: 12px; }

.ui-widget { font-size: 12px; }

.ui-widget .ui-widget { font-size: 12px; }
